﻿.banner{ position: relative;}
.banner-title{ position: absolute; bottom: 0; left: 0; width: 100%; height: 3.5rem; line-height: 3.5rem; padding: 0 1rem; background-color: rgba(0,0,0,0.7); color: #fff; font-size: 18px; text-align: left; box-sizing:border-box;}

.tag{ display: inline-block; width: 1.8rem; height: 1.8rem; line-height: 1.8rem; margin-right: 0.5rem; background-repeat: no-repeat; background-size: contain; background-position: center center; vertical-align: middle;}
.tag-icon1{ background-image: url(../images/scenic/scenic-icon1.png);}
.tag-icon2{ background-image: url(../images/scenic/scenic-icon2.png);}
.tab-icon3{ background-color: #ff4848; border-radius: 100%; text-align: center; color: #fff;}
.tag-icon4{ background-image: url(../images/scenic/scenic-icon3.png);}
.tag-icon5{ background-image: url(../images/scenic/scenic-icon4.png);}
.tag-icon6{ background-image: url(../images/scenic/scenic-icon5.png);}
.tag-icon7{ background-image: url(../images/scenic/scenic-icon6.png);}
.tag-icon8{ background-image: url(../images/scenic/scenic-icon7.png);}
.scenic-info{ background-color: #fff;}
.scenic-info p{ padding: 0.5rem; border-bottom: 1px solid #e6e6e6; height: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 14px; color: #989898;}
.scenic-info p a{ display: block; color: #989898;}
.scenic-info p a i{ font-size: 20px;}

.scenic-item{ background-color: #fff;}
.scenic-item-title{ padding: 1rem; height: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 16px; border-bottom: 1px solid #e6e6e6;}
.scenic-item-title i{ font-size: 20px; color: #c8c8c8;}
.scenic-item-list li{ padding: 1rem; border-bottom: 1px solid #e6e6e6; min-height: 7.5rem; height: auto;}
.ticket{ margin-right: 8rem;}
.pay{ width: 8rem; text-align: right; border-left: 1px solid #e6e6e6;}
.pay .price,.pay .old-price{ width: 8rem; margin-top: 0.5rem;}
.old-price{ color: #989898; font-size: 14px;}
.pay .price{ color: #dc3737; font-size: 20px;}
.pay-btn{ display: inline-block; width: 6.2rem; height: 2.7rem; line-height: 2.7rem; border-radius: 5px; background-color: #f56363; text-align: center; color: #fff; font-size: 16px; margin-top: 0.5rem;}
.ticket h4{ font-size: 14px; color: #323232; height: 5rem; line-height: 180%;}
.tag-rule{ border: 1px solid #20a4e4; border-radius: 5px; margin-right: 0.5rem; font-size: 12px; padding: 0.3rem 0.5rem;}
.tag-rule-eTicket{ border-color: #00b1f4; color: #00b1f4; }
.tag-rule-refundable{ border-color: #00ccc5; color: #00ccc5;}
.tag-rule-longValid{ border-color: #009f3c; color: #009f3c;}
.tag-rule-onlyHoliday{ border-color: #008f3c; color: #008f3c;}
.tag-rule-onlyWeekend{ border-color: #006fcc; color: #006fcc;}
.scenic-item-info{ padding: 0.5rem; line-height: 180%; font-size: 14px; color: #666;}
.tag-icon{ background: url(../images/scenic/icon.png) no-repeat; display: inline-block; width: 1.5rem; height: 1.5rem; background-size: cover; vertical-align: middle; margin-right: 0.5rem; margin-bottom: 0.3rem;}
.ticket-head,.ticket-order-title{ padding: 1rem; background-color: #fff;}
.ticket-head .pay{ padding: 1.5rem 0;}
.order-title{ height: 5rem;}
.ticket-order-form{background-color: #fff;}
.ticket-order-form li{ padding: 1rem; border-bottom: 1px solid #e6e6e6; min-height: 2.5rem; height: auto; line-height: 2.5rem;}
.ticket-order-form li label{ float: left; width: 6rem; font-size: 14px;}
.form-info{ margin-left: 7rem;}
.form-info a.change{ display: block; color: #989898; font-size: 14px;}
.form-info .font-icon{ font-size: 20px;}
.ticket-order-title{ font-size: 16px; border-bottom: 1px solid #e6e6e6;}
.ticket-order-title i{ font-size: 20px;}
.ticket-order-info{ background-color: #fff;}
.ticket-order-info li{ border-bottom: 1px solid #ccc; padding: 1rem;}
.ticket-order-info li h4{ margin-bottom: 10px; color: #555; font-size: 1.2rem;}
.ticket-order-info li h4 i{ margin-right: 5px;}
.ticket-order-info li p{ color: #888; line-height: 150%;}

.total{ position: fixed; bottom: 0; height: 60px; line-height: 60px; background-color: #ff8e32; width: 100%; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:2%; font-size: 14px; color: #fff;}
.total .price{ font-size: 20px;}
.ok-btn{ background-color: #f46f04; border: none; height: 60px; line-height: 60px; padding: 0 1.5rem; color: #fff; font-size: 16px;}
.ok-btn-disabled{ background: #ff7979; font-size: 0.9rem;} 

.success-icon,.fail-icon{ width: 80px; height: 80px; line-height: 80px; background-color: #349704; border-radius: 100%; margin: 3rem auto; text-align: center;}
.success-icon i,.fail-icon i{ color: #fff; font-size: 40px;}
.fail-icon{ background-color: #f00;}
.success-pay-explain{ text-align: center; font-weight: bold; font-size: 2rem;}
.success-pay-explain span{ color: rgb(150,150,150); font-size: 1.2rem; font-weight: normal;}
.success-btn-box{ text-align: center; padding: 4rem 0; font-size: 16px;}
.success-btn{  border-radius: 5px; padding: 10px 0; margin: 1rem;  color: #302f2f;}

.succ-panel{ background-color: #fff; padding-top: 25px;}
.succ-expail{ color: #939393; font-size: 14px; padding: 0 1rem; margin-top: 4rem; line-height: 180%;}
.succ-ex2{ padding: 1rem; height: 3rem; line-height: 3rem; background-color: #fff; margin-top: 1rem;}
.succ-ex2 a{ display: block; color: #f46f6f;}

.coupons-list{ padding: 1rem;}
.coupons-list li{ background: url(../images/coupons_bg.png) 100% no-repeat; background-size: cover; height: 9.4rem; color: #fff; margin-bottom: 1rem; position: relative;}
.coupons-list li.fail{ background: url(../images/coupons_bg-fail.png) 100% no-repeat;}

.coupons-a{
    color: #FFF;

}
.coupons-a:visited{
    color: #FFF;
}

.i-status {
    float: right;
    width: 109px;
    position: absolute;
    height: 83px;
    top: 1px;
    right: -8px;
}
.time-status{ position: absolute; width: 5.5rem; height: 4.7rem;  background-size: cover; background-repeat: no-repeat; top:0.7rem; right:4rem;}
.status-used {
    background-image: url(../images/img_coupondetail_used_207x160.png);
    background-size: 90%;
    background-repeat: no-repeat;
}
.status-expired{
 background-image: url(../images/img_coupondetail_overdue_207x160.png);
    background-size: 90%;
    background-repeat: no-repeat;    
}
.top{ height: 4rem; padding: 1rem;}
.top .price{ font-size: 2.5rem; margin-right: 2rem; margin-left: 1.5rem;}
.top .price em{ font-size: 1.5rem;}
.top h3{ font-size: 16px;}
.top p{ margin-top: 1rem; font-size: 14px; text-align: center;}
.info{ margin-left: 6rem;}
.coupons-handle{ height: 3.4rem; line-height: 3.4rem; padding: 0 1rem; color: #5f5f5f; font-size: 12px;}
.coupons-handle a{ color: #f00505;}
.coupons-handle a.used{ color: #010101;}
.coupons-handle span{ float: right; margin: 0 0.5rem;}

.coupons-info{ background: url(../../images/scenic/get-coupons.png) no-repeat; background-size: cover; width: 22.5rem; height: 18.5rem; margin: 3rem auto; color: #fff; padding-top: 3.7rem;}
.coupons-info span{ display: block; text-align: center; font-size: 14px; margin: 0.1rem 0;}
.coupons-info span.price{ font-size: 24px;}
.coupons-title{color: #4e0201; height: 2rem; line-height: 2rem; padding-left: 1rem; font-size: 18px;}
.details-title{ border-bottom: 1px solid #a95a25; margin:0 1rem; position: relative; top:-1rem;}
.details-title span{ display: inline-block; width: 7.5rem; height: 2rem; line-height: 2rem; background-color: #ffbc3c; position: absolute; top:1rem; left:50%; margin-left: -3.75rem; text-align: center;}

.coupons-explain{ padding: 1rem; color: #4e0201; font-size: 16px; line-height: 140%;text-align: center;}
.status{ text-align: center; font-size: 28px; color: #8a3d0a; line-height: 2.2rem;}
.status i{ width: 2.2rem; height: 2.2rem; border-radius: 100%; background-color: #349704; display: inline-block; line-height: 2.2rem; color: #ffbc3c; margin-right: 0.5rem; font-size: 18px; vertical-align: middle; margin-bottom: 0.1rem;}
.status-fail{ color: #515151;}
.status-fail i{ color: #bbb; background-color: #ff3535;}
.rece-explain{ text-align: center; line-height: 200%; font-size: 14px;}
.rece-explain-fail{ color: #4a4a4a;}
.xf{ height: 3.3rem; line-height: 3.3rem; text-align: center; background-color: #44aed7; color: #fff; font-size: 16px;}

.btn-box{ margin-bottom: 2rem; text-align: center; font-size: 14px; color: #8a3d0a; font-size: 18px;}
.btn{ width: 12rem; height: 3.5rem; line-height: 3.5rem; display: block; margin: 0 auto; text-align: center; color: #fff; border-radius: 5px; background-color: #d98750; font-size: 16px; box-shadow: 0 2px 2px rgba(171,101,52,1);}
.btn-used{ background-color: #a7a7a7;}

.coupons-tab{ padding: 0.1rem 1rem 0 1rem;}
.coupons-tab li{ padding: 0.5rem 1rem; width: 33.3%; box-sizing:border-box; text-align: center;}
.coupons-tab li.active{ border-bottom: 2px solid #62b900;}
.coupons-tab li.active a{ color: #62b900;}
.coupons-tab li a{ color: #202020; display: block; border-bottom: 1px solid #fff;}

.coupons-details-top{ background: url(../../images/scenic/coupons-details.jpg) no-repeat; background-size: cover; height: 6.5rem; text-align: center; color: #fff; padding-top: 2rem;}
.coupons-details-top h3{ font-size: 18px;}
.coupons-details-top p{ margin-top: 1rem; font-size: 14px;}
.coupons-form .form-info{ font-size: 14px; color: #5f5f5f;}


.noAccord{ background:url(../../images/scenic/yhico.png) no-repeat center; width:100%; height:114px; margin:100px auto 10px;}
.noAccordTitle{ text-align:center; color:#797979; font:normal 18px/30px "微软雅黑";}
.noAccordTitle2{ text-align:center; color:#a2a1a1; font:normal 14px/24px "微软雅黑";}